<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>ASN QUERY</title>
 
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
  <!-- Font Awesome -->
  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css" />
  <!-- Ionicons -->
  <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css" />
  <!-- daterange picker -->
  <link rel="stylesheet" href="bower_components/bootstrap-daterangepicker/daterangepicker.css" />
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" />
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="plugins/iCheck/all.css" />
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" />
  <!-- Bootstrap time Picker -->
  <link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css" />
  <!-- Select2 -->
  <link rel="stylesheet" href="bower_components/select2/dist/css/select2.min.css" />
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/AdminLTE.min.css" />
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css" />

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" />
  

  <style>
    .example-modal .modal {
      position: relative;
      top: auto;
      bottom: auto;
      right: auto;
      left: auto;
      display: block;
      z-index: 1;
    }

    .example-modal .modal {
      background: transparent !important;
    }
  </style>
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect

| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |

|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |

-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"> 


<!-- ##以下为头部消息栏的信息############################################################################## -->
<div th:include="mainheader :: mainheader"></div>
<!-- ##以上为头部消息栏的信息############################################################################## -->
 
<!-- ##以下为头部消息栏的信息############################################################################## -->
<div th:include="leftside :: leftside"></div>
<!-- ##以上为头部消息栏的信息############################################################################## -->
 

<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Advanced Shipping Note Query
        <small>
        	入库通知单查询界面
        </small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/index"><i class="fa fa-dashboard"></i> 
        	首页
        </a></li>
        <li class="active">
        ASN Query 入库查询
        </li>
      </ol>
    </section>
    
    
    <!-- Main content -->
    <section class="content container-fluid"> 
    
		<div class="panel-body" style="padding-bottom:10px;"> 
		
		
<!--  ####以下是查询条件输入框############################################    -->
			<div class="panel panel-default">
	            <div class="panel-heading">入库单查询条件</div>
	            <div class="panel-body">
	                <form id="asnSearch1" class="form-horizontal">
	                    <div class="form-group" style="margin-top:15px">
	                        <label class="control-label col-sm-2" 
	                        	for="txt_search_departmentname">
	                        	入库单号(模糊查询)
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div>
	                        <label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	货主ID
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div>
	                    </div>
	                    
	                    
	                    <div class="form-group" style="margin-top:15px">
	                    	<label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	入库状态
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div>
	                        
	                        
	                        <label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	入库发票号
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div> 
	                    </div>
	                    
	                    <div class="form-group" style="margin-top:15px">
	                    	<label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	业务编号
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div>
	                        
	                        <label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	包装类型
	                        </label>
	                        <div class="col-sm-3" style="margin:5px">
	                            <input type="text" class="form-control" 
	                            	id="txt_search_departmentname" />
	                        </div>
	                    </div>
	                    
<!-- 	                    <div class="form-group" style="margin-top:15px"> -->
<!-- 	                    	<label class="control-label col-sm-2"   -->
<!-- 	                        	for="txt_search_departmentname"> -->
<!-- 	                        	备注 -->
<!-- 	                        </label> -->
<!-- 	                        <div class="col-sm-3" style="margin:5px"> -->
<!-- 	                            <input type="text" class="form-control"  -->
<!-- 	                            	id="txt_search_departmentname" /> -->
<!-- 	                        </div>    -->
<!-- 	                    </div>  -->
	                    
	                    <div class="form-group" style="margin: 15px">
	                    	<label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	创建时间范围
	                        </label> 
				            <div class="col-sm-3" style="margin:5px">
				               
				               <input type="text" 
				               class="form-control pull-right" 
				               id="reservation" />
				            </div>
				            
	                        <label class="control-label col-sm-2"  
	                        	for="txt_search_departmentname">
	                        	收货时间范围
	                        </label> 
				            <div class="col-sm-3" style="margin:5px">
				               
				               <input type="text" 
				               class="form-control pull-right" 
				               id="reservation1" />
				            </div>
	                    </div>
	                    
	                    <div class="form-group" align="center"
	                    	style="margin-top:15px;align: right" >
		                    <div class="col-sm-4" align="right"
		                    	style="text-align:center;width: 150px;margin: 5px;" >
	                            <button type="button" 
	                            	style="margin-left:15px;width: 150px;" 
	                            	id="btn_query" 
	                            	class="btn btn-primary">
	                            	查询
	                            </button> 
		                    </div>
		                    <div class="col-sm-4" align="right"
		                    	style="text-align: center;width: 150px;margin: 5px;" >
		                     	<button type="button" 
	                            	style="margin-left:15px;width: 150px;" 
	                            	id="btn_query" 
	                            	class="btn btn-primary">
	                            	清空
	                          	</button>
		                    </div>	 
		                 </div>
	                </form>
	            </div>
	        </div> 
<!--  ####以下是查询条件输入框############################################    -->
	        
	        
	        
	      </div> 
	</section>
    
  </div>
  <!-- /.content-wrapper --> 









<!-- ##以下为底部页脚的信息########################################################################### -->

<div th:include="mainfooter :: mainfooter"></div>

<!-- ##以上为底部页脚的信息########################################################################### --> 





</div>
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 3 -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- InputMask -->
<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="bower_components/moment/min/moment.min.js"></script>
<script src="../../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- bootstrap color picker -->
<script src="bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll -->
<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="plugins/iCheck/icheck.min.js"></script>
<!-- FastClick -->
<script src="bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>

<script src="js/asnopt.js"></script>
<script src="js/asnquery.js"></script>

<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. -->
</body>
</html>